<template>
  <div>
    <h1 v-show="isShow">我是h1</h1>
    <h2 v-if="isOk">我是h2</h2>
    <!-- 
      v-show隐藏：采用display: none;的方式来隐藏
      v-if：采用移除dom节点的方式隐藏
     -->
    <p v-if="age >= 18">成年了</p>
    <p v-else>未成年</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow: true,
      isOk: false,
    };
  },
};
</script>

<style>
</style>